@scripts = {
    <script type="text/javascript" src="@routes.Assets.versioned("javascripts/enterItem.js")"></script>
}


@main("enter item page", scripts) {

    <div id="enterItemPanel">
        <p><input id="productId" type="text" placeholder="product id"/></p>
        <p><input id="amount" type="text" placeholder="amount"></p>
        <button id="itemBtn">submit</button>

        <hr>
        <h2>product info</h2>
        <div id="productDetail"></div>

        <hr>
        <h2>items list</h2>
        <ul id="items">

        </ul>

        <button id="orderBtn">generate</button>
    </div>

    <div id="orderSuccessPanel">
        <hr>
        <h2>order id</h2>
        <ul class="orderList">

        </ul>
        <p id="billSum"></p>
    </div>


}